import callFeedback from "@/components/common/modalFeedback";
import { CATEGORY } from "@/components/pages/wheel";
import { BASE_PATH } from "@/config";
import { Button } from "antd-mobile";
import React from "react";

export default function FeedbackComp({item, actions, handler}) {
  const m = callFeedback({
    bodyClassName: `price-result-modal act-feedback-modal rule-modal price-modal`,
    // header: <>{CATEGORY[item?.category]?.feedback}</>,
    // title: <img className="price-close-btn" src={`${BASE_PATH}/img/game/result-modal-close-btn.png`} onClick={()=>m.close()} />,
    content: <div className="inner">
      <div className="title">
        {CATEGORY[item?.category]?.feedback}
      </div>
      <div className="thumb">
        <img src={item.icon} alt="" />
      </div>
      <div className="title" style={{fontWeight:'bold'}} dangerouslySetInnerHTML={{__html:item?.name}}></div>
      
    </div>,
    // actions: [],
    actions: item.actions || [],
    closeOnAction: true,
    closeOnMaskClick: false,
  })

  return m
}